<template>
	<view class="system-notice flex flex-row flex-nowrap items-center">
		<image class="system-notice-img" src="/static/images/notice-speaker.png"></image>
		<view class="system-notice-word">
			您有一则有关家庭保洁的上门服务公告，请注意查收请注意查收......
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.system-notice {
		padding: 36rpx 31rpx;
		box-sizing: border-box;
		gap: 14rpx;
		.system-notice-img {
			width: 29rpx;
			height: 27rpx;
			display: block;
		}
		.system-notice-word {
			flex: 1 1 auto;
			min-width: 0;
			font-family: SourceHanSansCN, SourceHanSansCN;
			font-weight: 400;
			font-size: 24rpx;
			color: #606266;
			text-align: left;
			font-style: normal;
			text-transform: none;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
	}
	
</style>